<template>
  <el-card class="card info-card" v-if="datalist.recordNo" shadow="never">
    <el-row>
      <span>单据号: {{datalist.recordNo}}</span>
      <span>审核状态: {{datalist.commitStateStr}}</span>
      <span>提交人: {{datalist.operName}}</span>
      <span>提交时间: {{datalist.opeTime}}</span>
      <span>提交部门: {{datalist.operDeptName}}</span>
      <span>区域: {{datalist.operAreaName}}</span>
      <span v-if="datalist.reason">{{datalist.reasonLabel || '原因'}}: {{datalist.reason}}</span>
    </el-row>
  </el-card>
</template>

<script>
export default {
  props: ['datalist'],
  created () {
  },
  data () {
    return {
    }
  }
}
</script>

<style lang="less" scoped>
.info-card {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  font-weight: 400;
  span {
    margin-right: 30px;
  }
}
</style>
